<template>
  <el-row class="aaa" style="">

    <el-tabs tab-position="top">
      <el-tab-pane>
        <div slot="label" style="text-align:center">
          <!-- <i class="el-icon-date"></i> -->
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/综合.png')">
          <div style="height:20px">综合</div>
        </div>

        <el-row :gutter="10">
          <el-col :span="14">
            <projectDetail style=""></projectDetail>
          </el-col>
          <el-col :span="10">
            <speedOfProgress style=""></speedOfProgress>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="14">
            <projectRiskAndProblem style=""></projectRiskAndProblem>
          </el-col>
          <el-col :span="10">
            <projectOthersInfo style=""></projectOthersInfo>
          </el-col>
        </el-row>
      </el-tab-pane>
      <!--<el-tab-pane>
        <div slot="label" style="text-align:center">
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/任务进程.png')">
          <div style="height:20px">进程</div>
        </div>
        <el-row :gutter="10">
          <el-col :span="24">
            <progressForProjectInfo style=""></progressForProjectInfo>
          </el-col>
        </el-row>
      </el-tab-pane>-->

      <el-tab-pane>
        <div slot="label" style="text-align:center">
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/资源.png')">
          <div style="height:20px">资源</div>
        </div>
        <el-row :gutter="10">
          <el-col :span="24">
            <projectResource style=""></projectResource>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label" style="text-align:center">
          <!-- <i class="el-icon-date"></i> -->
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/干系人.png')">
          <div style="height:20px">干系人</div>
        </div>
        <el-row :gutter="10">
          <el-col :span="24">
            <projectResource style=""></projectResource>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label" style="text-align:center">
          <!-- <i class="el-icon-date"></i> -->
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/工时.png')">
          <div style="height:20px">工时</div>
        </div>
        <el-row :gutter="10">
          <el-col :span="24">
            <projectResource style=""></projectResource>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label" style="text-align:center">
          <!-- <i class="el-icon-date"></i> -->
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/审批.png')">
          <div style="height:20px">审批</div>
        </div>
        <el-row :gutter="10">
          <el-col :span="24">
            <projectResource style=""></projectResource>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane>
        <div slot="label" style="text-align:center">
          <!-- <i class="el-icon-date"></i> -->
          <img style="width: 30px; height: 30px;margin-bottom:-15px" :src="require('@/imgs/变更.png')">
          <div style="height:20px">变更</div>
        </div>
        <el-row :gutter="10">
          <el-col :span="24">
            <projectResource style=""></projectResource>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </el-row>

</template>

<script>
// 项目TAB
import headOfThisProject from './headOfThisProject'
import projectDetail from './projectDetail'
import speedOfProgress from './speedOfProgress'
import projectRiskAndProblem from './projectRiskAndProblem'
import projectOthersInfo from './projectOthersInfo'
import projectResource from './projectResource'

export default {
  name: 'projectItemTab',
  // mixins: [mixin_list],
  components: {
    headOfThisProject,
    projectDetail,
    speedOfProgress,
    projectRiskAndProblem,
    projectOthersInfo,
    projectResource
  },
  data() {
    return {}
  },

  methods: {},
  created() {}
}
</script>

<style scoped>
</style>
